.city {
    vertical-align: center;
    text-align: center;
    margin: 10rpx 0 20rpx;
}
.city view {
    vertical-align: center;
    text-align: center;
    font-size: 32rpx;
    display: inline-block;
}
.city .city-name {
    font-size: 36rpx;
    border: 1px solid rgba(172, 165, 165, 0.8);
    border-radius: 8rpx;
    background-color: rgba(172, 165, 165, 0.3);
    margin-left: 10rpx;
    padding: 5rpx 10rpx 5rpx;
}

.map {
    position: relative;
}
.map .map-item{
    font-size: 10rpx;
    width: 100%;
    height: 1000rpx;
}
.activities {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    /* overflow: hidden; */
    margin: 30rpx 30rpx 0 30rpx;
    background-color: white;
    border-radius: 20rpx;
}
.cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1316rpx;
    background-color: rgba(158, 153, 185, 0.7);
}
.activities .close{
    position: absolute;
    background-color: white;
    top: 0;
    right: 0;
    width: 60rpx;
    height: 60rpx;
    border-radius: 30rpx;
    overflow: hidden;
}
.activities .close cover-image{
    width: 101%;
    height: 101%;
}
.activities .img {
    padding: 20rpx 20rpx 30rpx 20rpx;
    height: 500rpx;
    border-radius: 80rpx;
    overflow: hidden;
}
.activities cover-image {
    width: 100%;
    height: 100%;
}
.activities .des {
    font-size: 30rpx;
    margin-left: 50rpx;
}
.activities .des .positions {
    margin-left: 50rpx;
}
.detail {
    /* display: inline-block; */
    text-align: center;
    font-size: 38rpx;
    color: white;
    line-height: 80rpx;
    height: 80rpx;
    margin: 30rpx 50rpx 26rpx 50rpx;
    background-color: rgba(158, 153, 185, 1);
    border-radius: 40rpx;
}

/* .classify {
    margin-top: 30rpx;
    display: flex;
}
.classify .point {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.classify .point image {
    margin: 0 auto;
    width: 100rpx;
    height: 100rpx;
}
.classify .point view {
    font-size: 28rpx;
    text-align: center;
} */